<script src="../../../../node_modules/trtc-js-sdk/trtc.js"></script>
<extend name="Public/base"/>
<block name="body">
    <script src="/Public/static/live/TIMSDK/tim-js.js"></script>
    <!--<script src="/Public/static/live/TIMSDK/cos-js-sdk-v5.js"></script>-->
    <button onclick="login()">登录web_user用户</button>
    <button onclick="sendMsg()">发消息</button>
    <script>
        var userID = "{$userID}";
        var userSig = "{$userSig}";

        var options = {
            SDKAppID: 1400466140 // 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID
        };
        // 创建 SDK 实例，`TIM.create()`方法对于同一个 `SDKAppID` 只会返回同一份实例
        var tim = TIM.create(options);
        // 设置 SDK 日志输出级别，详细分级请参见 setLogLevel 接口的说明
        tim.setLogLevel(0); // 普通级别，日志量较多，接入时建议使用
        // tim.setLogLevel(1); // release 级别，SDK 输出关键信息，生产环境时建议使用
        // 注册 COS SDK 插件
        // tim.registerPlugin({'cos-js-sdk': COS});
        // 接下来可以通过 tim 进行事件绑定和构建 IM 应用


        let onMessageReceived = function (event) {
            // 收到推送的单聊、群聊、群提示、群系统通知的新消息，可通过遍历 event.data 获取消息列表数据并渲染到页面
            // event.name - TIM.EVENT.MESSAGE_RECEIVED
            // event.data - 存储 Message 对象的数组 - [Message]
            console.log(event)
            console.log('收到消息----  ' + event.data[0].from + '：' + event.data[0].payload.text)
        };
        tim.on(TIM.EVENT.MESSAGE_RECEIVED, onMessageReceived);

        //登录
        function login() {
            tim.login({userID: userID, userSig: userSig}).then(function (imResponse) {
                if (imResponse.data.actionStatus === 'OK') {
                    if (imResponse.data.repeatLogin) {
                        console.log('重复登录')
                    } else {
                        console.log('登录成功');
                        tim.on(TIM.EVENT.SDK_READY, function (event) {
                            console.log("ready成功")
                        });
                    }

                }
            }).catch(function (imError) {
                console.warn('login error:', imError); // 登录失败的相关信息
            });
        }

        //发消息
        function sendMsg() {
            // 发送文本消息，Web 端与小程序端相同
            // 1. 创建消息实例，接口返回的实例可以上屏
            let message = tim.createTextMessage({
                to: 'xcx_user',
                conversationType: TIM.TYPES.CONV_C2C,
                // 消息优先级，用于群聊（v2.4.2起支持）。如果某个群的消息超过了频率限制，后台会优先下发高优先级的消息，详细请参考：https://cloud.tencent.com/document/product/269/3663#.E6.B6.88.E6.81.AF.E4.BC.98.E5.85.88.E7.BA.A7.E4.B8.8E.E9.A2.91.E7.8E.87.E6.8E.A7.E5.88.B6)
                // 支持的枚举值：TIM.TYPES.MSG_PRIORITY_HIGH, TIM.TYPES.MSG_PRIORITY_NORMAL（默认）, TIM.TYPES.MSG_PRIORITY_LOW, TIM.TYPES.MSG_PRIORITY_LOWEST
                // priority: TIM.TYPES.MSG_PRIORITY_NORMAL,
                payload: {
                    text: 'Hello xcx_user! I am web_user'
                }
            });
            // 2. 发送消息
            tim.sendMessage(message).then(function (imResponse) {
                // 发送成功
                console.log('发送消息：' + imResponse.data.message.payload.text)
            }).catch(function (imError) {
                // 发送失败
                console.warn('sendMessage error:', imError);
            });
        }
    </script>
</block>

<block name="script">
    <script src="__STATIC__/thinkbox/jquery.thinkbox.js"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U("Manage/im")}');
    </script>
</block>